<template>
	<div class="button-box">
		<div class="bbx">
            <span class="bbx-save">保存</span>
            <span class="bbx-cancel">取消</span>
        </div>
	</div>

</template>

<script>
export default {
  	name: 'hello',
  	data () {
    	return {
			msg: '这是测试首页'
		}
	},
	components: {

	},
	created () {
		console.log(this.$store);
	},
	mounted () {

	}
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
    .button-box {
        background: #f9f9f9;
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .bbx {
        display: flex;
        justify-content: center;
    }
    .bbx span {
        height: 26px;
        border: 1px solid #3876ae;
        width: 68px;
        font-size: 14px;
    }
    .bbx-save {
        background: #3876ae;
        color: #fff;
    }
    .bbx-cancel {
        background: #f1f1f1;
        color: #5b616d;
        border-color: #dededd;
    }

</style>
